<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "@/uni_modules/uview-ui/index.scss";
	@import '@/node_modules/vant/lib/index.css';

	/* 
		f:flex
		r:row
		l:column
		s:flex-start
		e:flex-end
		c:center
		b:space-between
		a:space-around 
		*/
	
	.submitBtn {
		background: linear-gradient(270deg, rgba(255, 101, 61, 1) 0%, rgba(255, 136, 0, 1) 100%);
		width: 588rpx;
		height: 94rpx;
		border-radius: 47rpx;
		color: #fff;
		text-align: center;
		line-height: 94rpx;
	}

	.pageView {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: rgba(249, 249, 249, 1);
		width: 750rpx;
	}

	.themeBg {
		background: linear-gradient(270deg, rgba(255, 101, 61, 1) 0%, rgba(255, 136, 0, 1) 100%);
		backdrop-filter: blur(40rpx);
	}

	.card {
		background-color: #fff;
		border-radius: 20rpx;
		box-shadow: 0rpx 0rpx 8rpx 8rpx #eee;
	}

	.fr-c {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.fr-c-s {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.fr-c-e {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.fr-c-d {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.fr-s-s {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.fr-s-c {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.fr-s-e {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
	}

	.fr-e-s {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
	}

	.fr-e-c {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.fr-e-e {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.fr-b-s {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.fr-b-c {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.fr-b-e {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.fr-a-s {
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}

	.fr-a-c {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.fr-a-e {
		display: flex;
		justify-content: space-around;
		align-items: flex-end;
	}

	.fl-c-s {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.fl-c-e {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
	}

	.fl-s-s {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.fl-s-c {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.fl-s-e {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-end;
	}

	.fl-e-s {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
	}

	.fl-e-c {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}

	.fl-e-e {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.fl-b-s {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	.fl-b-c {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.fl-b-e {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}

	.fl-a-s {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: flex-start;
	}

	.fl-a-c {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.fl-a-e {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: flex-end;
	}

	.fl-c {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.p-r-30 {
		padding: 0 30rpx;
		box-sizing: border-box;
	}

	.p-r-40 {
		padding: 0 40rpx;
		box-sizing: border-box;
	}

	.p-r-20 {
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.p-l-30 {
		padding: 30rpx 0;
		box-sizing: border-box;
	}

	.p-l-20 {
		padding: 20rpx 0;
		box-sizing: border-box;
	}

	.p-30 {
		padding: 30rpx;
		box-sizing: border-box;
	}

	.p-40 {
		padding: 40rpx;
		box-sizing: border-box;
	}

	.position-0 {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99999;
	}

	.bg-reapet {
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.z-index-max {
		z-index: 9999999;
	}

	.color-32 {
		color: #323232;
	}

	.b {
		font-weight: bold;
	}

	.c-bg-ff {
		background-color: #fff;
	}

	.c-bg-f5 {
		background-color: #F5F5F5;
	}

	.line1 {
		width: 100%;
		height: 1rpx;
		background-color: #EBEBEB;
	}

	.popUp {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.4);
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 999999;
		overflow: hidden;
	}

	.pop-animation {
		animation: pop 0.5s ease;
	}

	@keyframes pop {
		from {
			/* height: 0rpx; */
			opacity: 0;
		}

		to {
			opacity: 1;
			/* height: 100vh; */
		}
	}

	.warp {
		flex-wrap: wrap !important;
	}

	.w-1 {
		width: 100%;
	}

	.w-5 {
		width: 50%;
	}

	.h-1 {
		height: 100%;
	}

	.h-5 {
		height: 50%;
	}

	.relative {
		position: relative;
	}

	.m-t-10 {
		margin-top: 10rpx;
	}

	.m-t-30 {
		margin-top: 30rpx;
	}

	.m-t-40 {
		margin-top: 40rpx;
	}

	.m-b-30 {
		margin-bottom: 30rpx;
	}

	.m-b-40 {
		margin-bottom: 40rpx;
	}

	.m-t-20 {
		margin-top: 20rpx;
	}

	.m-b-20 {
		margin-bottom: 20rpx;
	}

	.m-l-30 {
		margin-left: 30rpx;
	}

	.m-l-40 {
		margin-left: 40rpx;
	}

	.m-r-30 {
		margin-right: 30rpx;
	}

	.m-r-40 {
		margin-right: 40rpx;
	}

	.m-l-20 {
		margin-left: 20rpx;
	}

	.m-r-20 {
		margin-right: 20rpx;
	}

	.m-l-10 {
		margin-left: 10rpx;
	}

	.m-r-10 {
		margin-right: 10rpx;
	}

	.text-line-1 {
		display: -webkit-box;
		word-break: break-all;
		/*超出文字用省略号代替*/
		text-overflow: ellipsis;
		/*竖直方向的超出和隐藏*/
		-webkit-box-orient: vertical;
		/*设定行数为2*/
		-webkit-line-clamp: 1;
		/*多出部分隐藏*/
		overflow: hidden;
	}

	.text-line-2 {
		display: -webkit-box;
		word-break: break-all;
		/*超出文字用省略号代替*/
		text-overflow: ellipsis;
		/*竖直方向的超出和隐藏*/
		-webkit-box-orient: vertical;
		/*设定行数为2*/
		-webkit-line-clamp: 2;
		/*多出部分隐藏*/
		overflow: hidden;
	}

	.flex-1 {
		flex: 1;
	}

	.fl-b-b {
		display: flex;
		align-content: space-between;
		flex-direction: column;
		justify-content: space-between;
	}

	.content {
		width: 100vw;
		min-height: 100vh;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
	}

	.bold {
		font-weight: bold;
	}

	.fs-20 {
		font-size: 20rpx;
	}

	.fs-22 {
		font-size: 22rpx;
	}

	.fs-24 {
		font-size: 24rpx;
	}

	.fs-26 {
		font-size: 26rpx;
	}

	.fs-28 {
		font-size: 28rpx;
	}

	.fs-30 {
		font-size: 30rpx;
	}

	.fs-32 {
		font-size: 32rpx;
	}

	.fs-34 {
		font-size: 34rpx;
	}

	.fs-36 {
		font-size: 36rpx;
	}

	.fs-38 {
		font-size: 38rpx;
	}

	.fs-40 {
		font-size: 40rpx;
	}

	.fs-42 {
		font-size: 42rpx;
	}

	.fs-48 {
		font-size: 48rpx;
	}

	.fs-72 {
		font-size: 72rpx;
	}

	.m-t-50 {
		margin-top: 50rpx;
	}

	.m-t-15 {
		margin-top: 15rpx;
	}

	.m-t-250 {
		margin-top: 250rpx;
	}

	.m-b-50 {
		margin-top: 50rpx;
	}

	.m-r-50 {
		margin: 0 50rpx;
	}

	.m-l-50 {
		margin: 50rpx 0;
	}

	.p-t-50 {
		padding-top: 50rpx;
	}

	.p-b-50 {
		padding-top: 50rpx;
	}

	.p-r-50 {
		padding: 0 50rpx;
	}

	.p-l-50 {
		padding: 50rpx 0;
	}

	.content-box {
		box-sizing: content-box;
	}

	.border {
		border: 1rpx solid red;
	}

	.border-blue {
		border: 1rpx solid blue;
	}

	.absolute {
		position: absolute;
	}

	.absolute-0 {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.c-ff {
		color: #FFFFFF;
	}

	.c-6b {
		color: #6B5829;
	}

	.c-66 {
		color: #666666;
	}

	.c-a8 {
		color: #A8896D;
	}

	.c-33 {
		color: #333333;
	}

	.c-55 {
		color: #555555;
	}

	.c-50 {
		color: #50756E;
	}

	.c-f5 {
		color: #FF5D50;
	}

	.c-99 {
		color: #999999;
	}

	.circle {
		border-radius: 50%;
	}

	.c-da {
		color: #DA2929;
	}

	.c-e3 {
		color: #E3404F;
	}

	.c-35 {
		color: #359FFA;
	}

	.bb-solid {
		border-bottom: 1rpx solid #e5e5e5;
	}

	.p-t-250 {
		padding-top: 250rpx;
	}

	.c-warn {
		color: #F89021;
	}

	.c-success {
		color: #27B418;
	}

	.c-error {
		color: #F72D2D;
	}

	.p-l-40 {
		padding: 40rpx 0;
	}

	.t-90 {
		transform: rotate(90deg);
	}

	.pre-img {
		/* width: 200rpx; */
		height: 750rpx;
	}

	.t-sticky {
		position: sticky;
		left: 0;
		top: 0;
		z-index: 99;
	}

	.warning {
		animation: warningA .3s
	}

	@keyframes warningA {
		0% {
			transform: translateX(40rpx);
		}

		25% {
			transform: translateX(-40rpx);
		}

		50% {
			transform: translateX(40rpx);
		}

		75% {
			transform: translateX(-40rpx);
		}

		100% {
			transform: translateX(0rpx);
		}
	}
</style>